

import ToolEmpty from "@/editorComponent/TopTools/ToolEmpty/ToolEmpty";
import ToolGrid from "@/editorComponent/TopTools/ToolGrid/ToolGrid";
import ToolRedo from "@/editorComponent/TopTools/ToolRedo/ToolRedo";
import ToolRuler from "@/editorComponent/TopTools/ToolRuler/ToolRuler";
import ToolUndo from "@/editorComponent/TopTools/ToolUndo/ToolUndo";
import ToolTip from "@/editorComponent/TopTools/ToolTip/ToolTip";
import { autorun } from "mobx";
import { ReactNode, useEffect, useRef, useState } from "react";
import styles from "./editorTopBar.module.less";
import ToolFullScreen from "@/editorComponent/TopTools/ToolFullScreen/ToolFullScreen";
import AlignTools from "@/editorComponent/TopTools/AlignTools/AlignTools";

interface Iprops {
    children: ReactNode
}

// 顶部工具条
export default function EditorTopBar() {

    const dom = useRef<HTMLDivElement | null>(null);
    const [data, setData] = useState({});

    useEffect(() => {

    }, []);

    useEffect(() => autorun(() => {

    }), []);

    return (
        <div className={styles.editorTopBar}>
            {/* 后退 */}
            <ToolUndo />
            {/* 前进 */}
            <ToolRedo />
            {/* 清空 */}
            <ToolEmpty />
            {/* 分割线 */}
            {/* <span className={styles.splitLine}></span> */}
            {/* 网格 */}
            {/* <ToolGrid /> */}
            {/* 标尺 */}
            {/* <ToolRuler /> */}
            {/* 提示 */}
            <ToolTip />
            {/* 全屏工具 */}
            <ToolFullScreen />
            {/* 对齐工具 */}
            <AlignTools />


        </div>
    );

}
